<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting HTML containers</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
h2.whs1 { margin-left:40px; }
p.whs2 { margin-left:67px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nCreating and formatting a document\nFormatting documents\nFormatting HTML containers");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Formatting HTML containers</h1>
<h2 class="whs1">Before you begin</h2>
<p class="whs2">You should be familiar with the different 
 types of HTML containers: iFrame and HTML text. The iFrame type contains 
 the URL of a website, while the HTML text type contains HTML tags that 
 are rendered in MicroStrategy Web. For examples and details, see 
<a href="HTML_Containers.htm">Displaying 
 HTML content in a document: HTML containers</a>. </p>
<p>The formatting properties apply to the HTML container itself. For example, 
 a drop shadow or a border is displayed around the HTML container. The 
 <span style="font-weight: bold;"><B>Font</B></span> and <span style="font-weight: bold;"><B>Forecolor</B></span> 
 properties format the HTML code or URL text in the HTML container (that 
 is, what is shown in Design View). </p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>For the HTML 
 text type, the <span style="font-weight: bold;"><B>Font</B></span> and <span 
 style="font-weight: bold;"><B>Forecolor</B></span> properties overwrite any formatting 
 provided in the HTML tags. </p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>For the iFrame 
 type, the <span style="font-weight: bold;"><B>Font</B></span> and <span style="font-weight: bold;"><B>Forecolor</B></span> 
 properties do not apply to the content of the website displayed by the 
 URL.</p></li>
</ul>
<p>For examples, see the <span style="font-style: italic;"><I>Report Services 
 Document Creation Guide</I></span><span>.</span></p>
<p>The following properties are applied to HTML containers using a URL 
 (the iFrame type): </p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>3D Effect 
 and 3D Weight</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Border</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Drop Shadow 
 and Drop Shadow Depth</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Tooltip</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Visible</p></li>
</ul>
<p>The following list provides some useful formatting suggestions for all 
 HTML containers: </p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Make the HTML 
 container appear three-dimensional, like a button, with a 3D effect. For 
 detailed instructions, see 
<a href="Apply_3D_effects.htm">Applying 3D 
 effects to controls</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>&quot;Float&quot; 
 the HTML container above the background by using a drop shadow. For detailed 
 instructions, see 
<a href="Drop_shadows.htm">Applying drop shadows</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Display pop-up 
 text when a user positions the cursor over the HTML container in MicroStrategy 
 Web with a tooltip. The tooltip can provide extra information, such as 
 an expanded description of the control. For detailed instructions, see 
 
<a href="Tooltips.htm">Creating pop-up tooltips</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Display text 
 vertically to control the orientation of text fields. Vertical text is 
 displayed in all MicroStrategy Web display modes, and when the document 
 is exported to Excel. The Firefox browser does not display vertical text. 
 &nbsp;For detailed instructions, see 
<a href="Properties_dialog_Alignment.htm">Properties 
 and formatting dialog box: Alignment</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Display information 
 to other document designers in Design view while hiding it from users 
 viewing the document in PDF view (Desktop or MicroStrategy Web), Editable 
 Mode, and View Mode in MicroStrategy Web. To do this, you hide the control 
 that contains the information by using the Visible property. For instance, 
 you can put information about a data source in a text field for designers, 
 and then hide that text field in PDF view. For detailed instructions, 
 see 
<a href="Hide_control.htm">Hiding a control</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Format the 
 font of the text in the text field, including style, size, and color. 
 See 
<a href="Format_text_fields.htm">Formatting text fields</a> for instructions.</p></li>
</ul>
<p>The following list provides some useful formatting suggestions for the 
 HTML text type of HTML containers:</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Allow the 
 content behind the HTML container to show through by setting the backstyle 
 to transparent. You can also allow a fill color to cover what is behind 
 the rectangle by setting the backstyle to opaque. For detailed instructions, 
 see 
<a href="Transparent_controls.htm">Applying a transparent background 
 to controls</a>.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Create a gradual 
 color change by blending two colors using gradient colors on the HTML 
 container. For detailed instructions, see 
<a href="Gradients.htm">Applying 
 gradient colors</a>.</p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
